<template>
    <div class="page">
        <!--系统消息-->
        <scroll class="page-content" :class="[refreshing||noMoreMessage?'noMoreLoading':'']" ref="messageScroller" :on-refresh="reLoadMessage" :on-infinite="loadMoreMessage">
            <div class="messages" v-show="messages!=null&&messages.length>0">
                <div class="message" v-for="message in messages">
                    <div class="hor_line"></div>
                    <div class="circle"></div>
                    <h3 class="message_title">{{message.msgType|msgTypeText}}</h3>
                    <div class="message_content" v-html="message.msgContent"></div>
                    <b-divide class="divide"></b-divide>
                </div>
            </div>
            <div class="empty" v-if="noMoreMessage&&messages.length==0">
                <img src="static/img/empty@3x.png" />
            </div>
        </scroll>
    </div>
</template>
<script src="./Message.js"></script>
<style lang="scss" scoped src="./Message.scss"></style>